* {
  margin: 0;
  padding: 0;
  transition: 0.5s background;
}

html {
  height: 100%;
  margin: 0;
  padding: 0;

  body {
    min-width: 1200px;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, \\5fae\8f6f\96c5\9ed1, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
  }

  #music-player {
    height: 100%;

    .layout {
      height: 100%;
      display: flex;
      position: relative;
      padding-bottom: 60px;

      .menu {
        flex: 1;
        height: 100%;
        background-color: #ededed;
        min-width: 200px;

        ul {
          list-style: none;
          margin: 0;
          padding: 0;

          li {
            height: 60px;
            width: 100%;
            line-height: 60px;
            text-align: center;
            cursor: pointer;

            a {
              text-decoration: none;
              color: black;
              font-size: 18px;
              height: 100%;
              width: 100%;
              display: inline-block;

              .text-icon {
                font-size: 20px;
                padding-right: 10px;
              }
            }
          }

          li:hover {
            background-color: #e7e7e7;
          }
        }
      }
      .icon {
        display: block;
        cursor: pointer;
        background: url(https://www.kugou.com/yy/static/images/play/btn.png);
        background-repeat: no-repeat;
      }
      .content {
        flex: 8;
        padding: 10px 20px;
        min-width: 1100px;
        overflow: auto;
      }
    }
  }
}
